<template>
    <el-tooltip class="item" effect="dark" :content="content" placement="top">
        <el-button size="small" round :icon="icon" @click="clickHandler" @dblclick="dblclickHandler"></el-button>
    </el-tooltip>
</template>
<script>
    export default {
        props: {
            content: {
                type: String,
                default: ""
            },
            icon: {
                type: String,
                default: ""
            }
        },
        data() {
            return {
            }
        },
        methods:{
            clickHandler(){
                this.$emit('click')
            },
            dblclickHandler(){
                this.$emit('dblclick')
            }
        }
    }
</script>